<f:view xmlns="http://www.w3.org/1999/xhtml"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:p="http://primefaces.org/ui"
        xmlns:pm="http://primefaces.org/mobile"        
        contentType="text/html"
        renderKitId="PRIMEFACES_MOBILE">

    <pm:page title="TN Game Mobile">

        <style>
            .th-groups th {
                text-align: center;
                background-color: rgba(0,0,0,.1);
                border-right: 1px solid #fff;
            }
            .ui-li-custom .ui-li-count {
                right: 10px !important;
            }                
        </style>        

        <!-- Main View -->
        <pm:view id="main">  

            <pm:header title="TN Game Mobile" swatch="b"/>

            <pm:content>                


                    <p:outputPanel layout="block" style="margin-left: auto; margin-right: auto">
                        <h:form>
                            <p:dataList type="inset" styleClass="ui-li-custom">
                                <f:facet name="header">Danh mục game</f:facet>
                                <f:attribute name="icon" value="false" />
                                <p:commandLink action="android?faces-redirect=true" ajax="false">Android <h:outputText styleClass="ui-li-count" value="New"/></p:commandLink>  
                                <p:commandLink ajax="false">IOS <h:outputText styleClass="ui-li-count" value="New"/></p:commandLink>  
                                <p:commandLink action="java?faces-redirect=true" ajax="false">Java <h:outputText styleClass="ui-li-count" value="New"/></p:commandLink>  
                                
                            </p:dataList>
                        </h:form>
                    </p:outputPanel>


            </pm:content>

            <pm:footer swatch="c">
                <h1 style="font-size: x-small" >Designed by Thangcoder</h1>        
                <h1 style="font-size: x-small" >Three Best Company</h1>          
            </pm:footer>            

        </pm:view>        
    </pm:page>


</f:view>
